<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1.0"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <title>培训商城</title>
    <link rel="stylesheet" href="__PUBLIC__/Home/default/static/css/style.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/default/static/css/common.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/default/static/css/main.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/default/static/css/swiper.min.css">
    <script src="__PUBLIC__/Home/default/static/js/swiper.min.js"></script>
</head>
<body>
<include file="Public/common" />
<div id="banner" class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="__PUBLIC__/Home/default/static/images/image/6.jpg" alt="">
        </div>
        <div class="swiper-slide">
            <img src="__PUBLIC__/Home/default/static/images/image/6.jpg" alt="">
        </div>
        <div class="swiper-slide">
            <img src="__PUBLIC__/Home/default/static/images/image/6.jpg" alt="">
        </div>
        <div class="swiper-slide">
            <img src="__PUBLIC__/Home/default/static/images/image/6.jpg" alt="">
        </div>
        <div class="swiper-slide">
            <img src="__PUBLIC__/Home/default/static/images/image/6.jpg" alt="">
        </div>
    </div>
    <div class="swiper-pagination"></div>
</div>
<div class="newsSection">
    <div class="mainTitle">
        <span class="title">新闻中心</span>
        <br/>
        <span class="details">NEWS CENTER</span>
    </div>
    <ul class="newsList">
       <!-- <li class="newsListItem">
            <a href="newsDetails.html">
                <div class="con clearfix">
                    <div class="img left">
                        <img src="__PUBLIC__/Home/default/static/images/image/7.jpg" alt="">
                    </div>
                    <div class="demo left">
                        <div class="name">武术教学浅谈武术基本功格斗6个招式</div>
                        <div class="details">
                            我们都知道格斗术一直都是武警所用的一种打斗招式，很多人都喜欢格斗术，那么今天小编就给大家介绍一下，特种兵的格斗招式，想了解的
                            朋友们，就随小编一起看看下文的
                        </div>
                    </div>
                </div>
            </a>
        </li>-->
        <foreach name="list" item="vo">
            <li class="newsListItem">
                <a href="{:U('detail',array('id'=>$vo[id]))}">
                    <div class="con clearfix">
                        <div class="img left">
                            <img src="{$vo.picture}" alt="">
                        </div>
                        <div class="demo left">
                            <div class="name">{$vo.title}</div>
                            <div class="details">
                                {$vo.desc}
                            </div>
                        </div>
                    </div>
                </a>
            </li>
        </foreach>
    </ul>
    <?php
        $p = I('get.p',1);
        $topPage = $p - 1;
    ?>
    <div class="pagination">
        <a href="<?php echo U('index',array('p'=>$p-1));?>" class="btn-prev">上一页</a>
        <foreach name="page" item="vo">
            <a href="{:U('index',array('p'=>$vo[number]))}" <if condition="$p eq $vo[number]">class="active"</if> >{$vo.number}</a>
        </foreach>
        <a href="<?php echo U('index',array('p'=>$p+1));?>" class="btn-next">下一页</a>
    </div>
</div>
<include file="Public/fotter" />
<script>
    //初始化banner
    var banner = new Swiper('#banner',{
        autoplay:3000,
        pagination:'.swiper-pagination'
    });
    //页面回顶
    $('.icon4').on('click',function(){
        $('html,body').animate({
            scrollTop:0
        },200)
    });
</script>
</body>
</html>